<style include="cr-hidden-style cr-input-style cr-shared-style">
  textarea {
    display: block;
    resize: none;
  }

  #input-container {
    background-color: var(--cr-input-background-color);
  }

  #underline {
    position: static;
  }
</style>
<div id="label" class="cr-form-field-label" hidden="[[!label]]">
  [[label]]
</div>
<div id="input-container">
  <!-- The textarea is limited to |rows| height. If the content exceeds the
       bounds, it scrolls by default. No space or comments are allowed
       before the closing tag. -->
  <textarea id="input" autofocus="[[autofocus]]" rows="[[rows]]"
      value="{{value::input}}" aria-label$="[[label]]"
      on-focus="onInputFocusChange_" on-blur="onInputFocusChange_"
      on-change="onInputChange_" disabled="[[disabled]]"></textarea>
  <div id="underline"></div>
</div>
